<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>宠物商城 | 资讯</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}"/>
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/common.css}" rel="stylesheet" type="text/css"/>
    <script th:src="@{/layui/jquery-3.2.1.min.js}"></script>
    <script th:src="@{/layui/layui.js}"></script>
    <style>
        .desc>p{
            font-size: 20px;
            font-weight: 300;
        }
        .product_img{
            background-color: #FFFFFF;
            border-radius: 3px;
            border: 1px solid #e1e1e1;
        }
        .product_info>p{
            margin: 20px 0;
            text-align: right;
        }
        .product_info>.title{
            font-weight: bold;
            text-align: left;
        }
        .size1{
            font-size: 30px;
        }
        .product_info>.price{
            font-weight: 500;
            color: #1e1e1e;
        }
        .size2{
            font-size: 24px;
        }
        .product_info>p>.price1{
            font-weight: bold;
            color: #FF5722;
        }
        .size3{
            font-size: 30px;
        }
    </style>
</head>
<body class="site-home">
<!--头部模块-->
<div th:replace="mall/comm::head"></div>




<div class="layui-container" id="content">

    <div class="layui-row"><hr style="color:#F5F5F5;"></div>

    <div class="layui-row">

        <div class="layui-carousel swiper-container" id="lunbo">
            <div carousel-item>

                <div>
                    <a href="http://www.epet.com/epetube/Main.html?do=Detail&amp;vid=215" target="_blank">
                        <img width="100%" height="100%"  src="//img1.epetbar.com/2018-10/12/13/fbf45073697401b71039ef1088ad66a5.jpg">
                    </a>
                </div>

                <div>
                    <a href="http://www.epet.com/epetube/Main.html?do=Detail&amp;vid=215" target="_blank">
                        <img width="100%" height="100%"  src="//img1.epetbar.com/2018-10/12/13/fbf45073697401b71039ef1088ad66a5.jpg">
                    </a>
                </div>

            </div>
        </div>
    </div>

    <div class="layui-row"><hr style="color:#F5F5F5;"></div>

    <div class="layui-row">
        <img src="https://img2.epetbar.com/nowater/2017-12/05/09/8789310badba16a104f4c66674531164.jpg" alt="" width="100%">
    </div>
</div>
<!--底部-->
<div th:replace="mall/comm::foot"></div>



<script type="text/javascript">
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#lunbo'
            ,width: 'auto' //设置容器宽度
            ,height: '500'
            ,arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });

</script>

</body>
</html>